<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title th:text="${detail.a_title}"></title>
    <link rel="stylesheet" href="http://192.168.0.100:9002/css/commone.css">
    <link rel="stylesheet" href="http://192.168.0.100:9002/css/layui.css" media="all">
    <link rel="stylesheet" href="http://192.168.0.100:9002/css/zx/swiper.css">
    <link rel="stylesheet" href="http://192.168.0.100:9002/css/reset.css">
    <link rel="stylesheet" href="http://192.168.0.100:9002/css/commone.css">
    <link rel="stylesheet" href="http://192.168.0.100:9002/css/commthree.css">
    <link rel="stylesheet" href="http://192.168.0.100:9002/css/commtwo.css">
    <link rel="stylesheet" href="http://192.168.0.100:9002/css/detail/pinglun.css">

    <link rel="shortcut icon" href="http://www.hasbei.com/static/images/icon.png" type="image/x-icon">

    <link rel="stylesheet" media="screen and (min-width:481px)" href="http://192.168.0.100:9002/css/detail/condetail.css">
    <link rel="stylesheet" media="screen and (max-width:480px)" href="http://192.168.0.100:9002/css/detail/condetail(1).css">

    <script src="http://192.168.0.100:9002/js/jquery-3.js"></script>
</head>
<body>
<div class="content">
    <!-- 顶部搜索 -->
    <div class="content-top">
        <div class="content-top-info">
            <div class="content-top-left">
                <div class="left-logo">
                    <a href="http://192.168.0.100:9002" class="logo-info" target="_self"><img
                            src="http://www.hasbei.com/static/images//logo.png" alt="有贝口腔网"></a>
                </div>
                <ul class="right-list">
                    <li class="right-list-active"><a href="http://192.168.0.100:9002/zx" target="_self"><img
                            src="http://www.hasbei.com/static/images//news-icon.png"
                            alt="有贝口腔网"><span>资讯</span></a></li>
                    <li><a href="http://www.hasbei.com/qa" target="_self"><img
                            src="http://www.hasbei.com/static/images//qa-icon.png" alt="有贝口腔网"><span>问答</span></a>
                    </li>
                </ul>
            </div>
            <form action="http://www.hasbei.com/search" method="get">
                <div class="content-top-right">
                    <div class="search-input">
                        <img class="search-icon" src="http://www.hasbei.com/static/images//icon_Search.png">
                        <input class="top-search" type="text" name="kw" placeholder="请输入资讯、问题搜索" value="">
                        <input class="search-sub" type="submit" value="搜索">
                    </div>

                    <div class="land-regist">
                        <a class="top-land" href="http://www.hasbei.com/login">登录</a>
                        <span></span>
                        <a class="top-regist" href="http://www.hasbei.com/reg">注册</a>
                    </div>

                </div>
            </form>
        </div>
    </div>
    <!-- 所有栏目 -->
    <!--<div>
        <ul class="layui-nav layui-bg-blue">
            <li class="layui-nav-item" th:each="title,info : ${titlelist}">
                <a th:href="@{'http://192.168.0.100:9002/zx/sort/' + ${title.tid}}">
                    <span th:text="${title.tname}"></span>
                </a>
            </li>
        </ul>
    </div> -->
    <div class="content-main">
        <div class="main-tab">
            <div class="max-width">
                <ul class="main-tab-ul">
                    <!-- <li class=""><a href="/" target="_self">首页</a></li> -->
                    <li class=""><a href="/zx" target="_self">今日推荐</a></li>
                    <li th:each="title,info : ${titlelist}" th:if="${info.index < 9}">
                        <a th:href="@{'http://192.168.0.100:9002/zx/sort/' + ${title.tid}}">
                            <span th:text="${title.tname}"></span>
                        </a>
                    </li>

                    <li class="tab-more-list">
                        <a href="javascript:;" target="_self">
                            <span>更多</span>
                            <img class="arrow-bottom" src="http://www.hasbei.com/static/images/arrow-bttom.png"
                                 alt="有贝口腔网">
                        </a>
                        <div>
                            <ul>
                                <li th:each="title,info : ${titlelist}" th:if="${info.index > 8}">
                                    <a th:href="@{'http://192.168.0.100:9002/zx/sort/' + ${title.tid}}">
                                        <span th:text="${title.tname}"></span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div>
            <!-- 所在位置导航 -->
            <div class="bread-crumb">
                <div>
                    <a href="http://192.168.0.100:9002">首页</a>
                    <span>/</span>
                    <a th:href="@{'http://192.168.0.100:9002/zx/sort/' + ${detail.a_tid}}">
                        <span th:text="${detail.a_create_date}"></span>
                    </a>
                    <span>/</span>
                    <a th:href="@{'http://192.168.0.100:9002/zx/detail/' + ${detail.id}}">
                        <span th:text="${detail.a_title}"></span>
                    </a>
                </div>
            </div>
            <!-- 文章 和 其他看点 -->
            <div class="zixun-info">
                <div>
                    <div class="artical-info">
                        <div class="artical-title">
                            <div class="list-item-title title-content">
                                <a th:href="@{'http://192.168.0.100:9002/zx/detail/' + ${detail.id}}">
                                    <span th:text="${detail.a_title}"></span>
                                </a>
                            </div>
                            <div class="list-item-info">
                                <a th:href="@{'http://192.168.0.100:9002/zx/sort/' + ${detail.a_tid}}">
                                    <span class="tui-jian" th:text="${detail.a_create_date}">
                                    </span>
                                </a>
                                <div class="yue-du">
                                    <a th:href="@{'http://192.168.0.100:9002/zx/detail/' + ${detail.id}}">
                                        <img src="http://www.hasbei.com/static/images//yuedu.png">
                                        <span th:text="${detail.a_read_sum}"></span>
                                        <span>阅读</span>
                                    </a>
                                </div>
                                <span class="dotted">·</span>
                                <span class="time-before" th:text="${detail.a_ok_date}"></span>
                            </div>
                        </div>
                        <div><p></p>
                            <p style="text-align:center">
                        </div>
                        <div class="artical-content">
                            <div class="artical-text">
                                <p th:text="${detail.a_abstract}"></p>
                                <p>
                                    <img th:if="${detail.a_img_url}  ne ''" th:src="${detail.a_img_url}" title="" alt=""
                                         width="326" height="234">
                                </p>
                                <p th:text="${detail.a_content}"></p>
                            </div>
                        </div>
                        <div class="up-load">
                            <div class="fen-ye">
                                <div class="fenye-list"><span class="selected">1</span></div>
                                <div class="fenye-list"><a href="/zx/13">2</a></div>
                                <div class="fenye-list"><a href="/zx/13">下一页</a></div>
                                <!-- 页面上有下一页，或者下页有可能导致uc等浏览器页面字体变蓝色 -->
                            </div>
                            <div class="bshare-custom icon-medium">
                                <div class="bsPromo bsPromo2"></div>
                                <a title="分享到QQ空间" class="bshare-qzone"></a><a title="分享到QQ好友" class="bshare-qqim"
                                                                               href="javascript:void(0);"></a><a
                                    title="分享到微信" class="bshare-weixin" href="javascript:void(0);"></a><a
                                    title="分享到新浪微博" class="bshare-sinaminiblog"></a><a title="分享到腾讯微博"
                                                                                       class="bshare-qqmb"></a><a
                                    title="分享到i贴吧" class="bshare-itieba" href="javascript:void(0);"></a><a title="更多平台"
                                                                                                           class="bshare-more bshare-more-icon more-style-addthis"></a><span
                                    class="BSHARE_COUNT bshare-share-count" style="float: none;">9</span></div>
                            <script type="text/javascript" charset="utf-8"
                                    src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script>
                            <script type="text/javascript" charset="utf-8"
                                    src="http://static.bshare.cn/b/bshareC0.js"></script>
                        </div>

                        <input type="hidden" id="no" value="202007151283316478564765696">
                        <input type="hidden" id="collectType" value="10">

                        <div class="artical-edit">
                            <div class="artical-edit-left">
                                <a href="javascript:;"><em id="commentCount">1</em>&nbsp;条评论</a>
                                <!-- <a href=""><em>123</em>&nbsp;人参与</a> -->
                                <a href="javascript:;" id="collectCount">2&nbsp;人收藏</a>
                            </div>
                            <div class="artical-edit-right">
                                <a href="javaScript:;" onclick="myCollect(this)"><img
                                        src="http://www.hasbei.com/static/images/shoucang1.png"
                                        alt="有贝口腔网"><span>收藏</span></a>
                                <!-- <a href="#"><img src="/static/images/jubao.png" alt="贝口腔网"><span>举报</span></a> -->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="aside-left margin-t0">
                    <div class="wonderful-top">
                        <div class="wonderful-top-title">其他看点</div>
                        <a th:each="ot,info : ${other}" th:href="@{'http://192.168.0.100:9002/zx/detail/' + ${ot.id}}">
                            <div class="wonderful-item-style">
                                <div class="wonderful-item-icon"><span></span></div>
                                <div th:text="${ot.a_title}"></div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 相关推荐 -->
            <div class="zixun-info">
                <div class="artical-info">
                    <div class="hot-title"><span>相关推荐</span></div>
                    <div id="myContentList">
                        <ul class="flow-default" id="LAY_demo2"></ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="http://192.168.0.100:9002/layui-v2.5.6/layui/layui.js" charset="utf-8"></script>
<script>
    var current = 1;

    layui.use('flow', function () {
        var flow = layui.flow;
        var sort = [[${detail.a_tid}]];
        var maxpage = 0;
        $.get("http://192.168.0.100:9001/zx/page/" + sort, function (data, status) {
            maxpage = data;
        });
        flow.load({
            elem: '#LAY_demo2' //流加载容器
            , scrollElem: '#LAY_demo2' //滚动条所在元素，一般不用填，此处只是演示需要。
            , isAuto: false
            , isLazyimg: true
            , done: function (page, next) { //加载下一页
                //模拟插入
                setTimeout(function () {
                    $.get("http://192.168.0.100:9002/recommend/" + current + "/" + sort, function (data) {
                        var lis = [];
                        lis.push(data);
                        next(lis.join(''), page < maxpage);
                        current++;
                    });
                }, 500);
            }
        });
    });
</script>
</body>
</html>